/***************************
*	1. Resets & Helpers
****************************/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    color: rgb(105, 105, 105);
    text-decoration: none;
}

ul li a:hover, a:hover {
    text-decoration: none;
    color: green;
}

/* Reset Twitter Bootstrap .container to width: 960px */
.container {
    width: 1008px;
}

/* Reset Google Chrome default focus outline and border */
input:focus, textarea:focus  {
    outline: 0!important;
    box-shadow: none!important;
    transition: none;
}

/* Reset Bootstrap input font family to Arial */
input, textarea {
    font-family: Arial;
}

.nomargin {
    margin: 0 0 10px 0;
}

input[type="text"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/***********************
*	2. Default Style
************************/

body {
    font-family: 'Arial', sans-serif;
    color: #333;
    line-height: 18px;
    font-size: 0.750em;
}
body {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

@font-face
{
    font-family: avo;
    src: url('/fonts/UTM Avo_0.ttf')
}

/* Add this class to the body if you want a solid fixed background */
.body-background {
    /* Background Image Goes Here */

    background-attachment: fixed;

    background-position: 50% 50%;
    background-repeat: no-repeat ;
    background-color: transparent;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.body-background .header-background { background: none!important; }
.body-background .page-top-stripes { display: none!important; }
.body-background #wrapper { background-color: transparent; }
.body-background .page { border: none; }

/* Lato fonts: */
h1, h2, h3, h4, h5, h6, .calltoaction, .button, .divider-text span, .pricing-table .title-row,
.pricing-table-alt .title-row, .widget-title {
    font-family: 'Lato';
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(100, 100, 100);
    margin: 0 0 10px 0;
}

h1.hero {
    font-size: 36px;
    margin: 0 0 20px 0;
}



h1 { font-size: 24px; position: relative; padding: 0 5px 0 0;}
h2 { font-size: 18px; line-height: 27px; }
h3 { font-size: 16px; line-height: 24px; }
h4 { font-size: 14px; line-height: 21px; }
h5 { font-size: 14px; line-height: 21px; }
h6 { font-size: 12px; line-height: 18px; }

/* General Button, Specify background-color */
.button {
    font-size: 12px;
    display: inline-block;
    padding: 6px 30px;
    font-weight: 700;
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
    background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19000000);
    zoom: 1;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    color: #fff;
    margin: 0 20px 20px 0;
}

.button:focus {
    outline: 0!important;
}

.button:hover {
    text-decoration: none!important;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(255,255,255,.05));
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0CFFFFFF,endColorstr=#0C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0CFFFFFF,endColorstr=#0C000000);
}

.button:active {
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.button.button-white {
    color: #444!important;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
    background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(255,255,255,.05));
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0CFFFFFF,endColorstr=#0C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0CFFFFFF,endColorstr=#0C000000);
}

.button.button-white:hover {
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: linear-gradient(to top, rgba(0,0,0,.03), rgba(255,255,255,.03));
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07FFFFFF,endColorstr=#07000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07FFFFFF,endColorstr=#07000000);
    color: #444; }

/* Transition for hover elements */
a:hover, .oneByOne1 .arrowButton .prevArrow:hover, .oneByOne1 .arrowButton .nextArrow:hover,
.flickr-overlay:hover, .widget-blogpost-overlay:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
/* Don't add transition to social media items */
.widget-social-media a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

/* logo */
.logo{
    text-align: center;
}
.logo a img{
    width: 98%
}
/* phan menu */
.menus{
    padding-bottom: 10px;
}
.he0{
    width:20%;
    float: left;
}
.he1{
    width:36%;
    float: left;
    margin-left: 2%;
}
.he5{
    width:40%;
    float: left;
    margin-left: 2%;
}
.he1 a{
    font-weight: bold;
    line-height: 3;
}
.he2{
    width: 280px
}
.he3{
    font-weight: bold;
    color: #89C43F;
    font-size: 1.1em;
    line-height: 3;
}
.he6{
width: 21px;
}
.he7{
    width: 29px;
    margin: 0px 0px 5px 2px;
}
/* tien ich */
.t_i{
    padding-bottom: 10px;
}
.t_i0{
    width: 33%;
    float: left;
}
.t_i1{
    width: 80%;
    -moz-box-shadow: 0 0 5px 5px rgb(216, 216, 216) !important;
    -webkit-box-shadow: 0 0 5px 5px rgb(216, 216, 216) !important;
    box-shadow: 0 0 2px 2px rgb(216, 216, 216) !important;
    background:  url('/mobile/images/lich.png') no-repeat 96% 50%;
    color: #727272;
    font-style: italic;
    font-family: avo;
}
.t_i2{
    border: none;
    background: none;
    -moz-box-shadow: 0 0 5px 5px rgb(216, 216, 216) !important;
    -webkit-box-shadow: 0 0 5px 5px rgb(216, 216, 216) !important;
    box-shadow: 0 0 2px 2px rgb(216, 216, 216) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #727272;
    height: 30px;
    width: 80%;
    font-style: italic;
    font-family: avo;
}
.t_i3{
    border: none;
    background: none;
    -moz-box-shadow: 0 0 5px 5px rgb(216, 216, 216) !important;
    -webkit-box-shadow: 0 0 5px 5px rgb(216, 216, 216) !important;
    box-shadow: 0 0 2px 2px rgb(216, 216, 216) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #727272;
    background:  url('/mobile/images/search.png') no-repeat 96% 50%;
    height: 30px;
    width: 100%;
    font-style: italic;
    font-family: avo;
}
/*list news */

.mid_list{
    width: 40%;
    float: left;
}
.mid_list1{
    width: 57%;
    float: left;
    padding-left: 3%;
}
.mid_list4{
    width: 100%;
}
.mid_list3{
    text-align: justify;
    text-indent:10px;
    font-family: avo;
}
.mid_list2{
    color: rgb(117, 179, 21);
    margin: 0px;
    line-height: 1;
}
.mid_list5{
    margin: 10px 0;
    border-top: 1px solid #BFDF93;
}
.more{
    border: none;
    background-color: rgb(117, 179, 21);
    text-align: center;
    padding: 10px;
}
.more1{
    width: 100%;
    color:white;
}
.detail_s{
    float: left;
    padding-right: 10px;
}
.detail_s1{
    width: 120px;
}
.detail_s3{
    text-align: justify;

    font-family: avo;
}
/* sidebar */
::-webkit-input-placeholder{
    font-family: avo;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: avo;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-family: avo;
}

:-ms-input-placeholder {
    font-family: avo;
}
.t_i{
    font-family: avo;
}
.lh1{
    font-size: 17px;
    font-family: arial;
}
.lh2{
    font-size: 14px;
}
.lh3{
    font-size: 14px;
}
.side0{
    color: #8DC643;
}
.sidebar1{
    color: #8DC643;
    font-size: 24px;
}
.side_but{
    padding: 5px 10px;
    background-color: #9E9E9E;
    color: white;
    border: 0;
    font-size: 12px;
}

.side_but:hover{
    transition: all 0.3s ease 0s;
    color: green;
}
.gio{font-size: 14px;}
.gio input{
    width: 49px;
    height: 14px;
}
.ngay{font-size: 14px;}
.ngay input{
    width: 74px;
    height: 14px;
}

.sidebar{
    margin-left: 10px;
}
.sidebar h3 {
    font-size: 17px;
    margin-bottom: 0px;
    line-height: 24px;
    margin-top: 12px;
}
.si_h{
    background: url('/mobile/images/c_hr.png') no-repeat;
    margin: 11px 0;
    border-top: none;
    border-bottom: none;
    height: 5px;
}
.side_con{
    list-style-type: circle;
    margin: 0 0 10px 25px;

}
.fa_se{text-align: center;}
.fa_se ul{
    display: table;
    margin: auto;
    list-style: none;
}

.fa_se ul li{width: 30px; height: 30px; float: left;}
/* footer */
.footer{
    padding-top: 20px;
}
.footer1{
    text-align: center;
    font-size: 1.3em;
}
.footer2{
    font-family: avo;
    text-align: center;
    font-size: 1.3em;
}
.pagination span{
    height: 30px;
    width: 107px;
    text-align: center;
    padding-top: 11px;
}
.pagination span:first-child{
    float: left;
    background-color:rgb(117, 179, 21);
}
.pagination span:last-child{
    float: right;
    background-color:rgb(117, 179, 21);
}
.pagination span a{color: white; font-weight: bold;}
#show_date{
    position: relative;
    float: right;
    top: -38px;
    right: 5px;
    opacity: 0.5;
}